Para el ejemplo he añadido una imagen tipo botón de Gmail, el código es el siguiente:
<a href="mailto:aquí tu direccion de correo" target="_blank" title="aquí texto informativo"><img src="aquí la url de la imagen"></a>
A ese código añadimos el atributo target="_blank para abrir en ventana aparte, también title=" con el que podremos añadir un texto adicional que nos mostrará al pasar el ratón por encima.
- Resultado:

También podemos añadirle un texto:
<a href="mailto:aquí tu dirección de correo" target="_blank" title="aquí texto informativo">aquí el texto ejemplo E-mail</a>
<a href="mailto:aquí tu dirección de correo" target="_blank" title="aquí texto informativo">aquí el texto ejemplo E-mail</a>
- Resultado:
E-mail
Suerte Pedro :)
Que bien, simple y muy útil. Me quedo muy bien en mi blog, gracias Gem@.
Gracias a ti Michael por comentar :)
Gemita muchisisismas gracias por toda la ayuda q brindas.
vi q en tu pagina principal esta tu Email (gmail) con un icono muy lindo forevergema@gmail.com como hago para obtenerlo? soy re new en esto de los blogs :P
NaraHAri Das aquí lo puedes conseguir.
esto está muy bien
Gracias anónimo :)
Gracias por la ayuda
:: Gracias a ti por comentar Lola :)
Muchas gracias, estaba como loca por conseguir poner mi dirección en el blog y ahora lo he logrado gracias a ti.
:: Me alegra que lo solucionaras Ifigenia, ya sabemos donde escribirte :)
Graciaas por la ayuda... me ha salido a la primera :)
:: Me alegra mucho Lusie :D
Muchas gracias Gema¡¡¡¡
:: A ti por comentar rafadelgadoceu :)
:: Saludos y bienvenido Vladimir, para evitar ese problema prueba a suprimir el target="_blank" y quedaría de esta forma:
<a title="Contactar vía e-mail"href="mailto:memoriasydeseos@gmail.com">
<img src="http://1.bp.blogspot.com/_q4j3j-JA2ro/S9xu8lZ9ENI/AAAAAAAAOlI/_YC9fwpLrUA/s00/ico-mail.png">
</a>
Nota: solo los miembros de este blog pueden publicar comentarios.